<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>登录</title>
    <style>
        input::-webkit-input-placeholder{
            color: #fff;

        }
    </style>
</head>
<body style="background-image:url(static/img/bg.png);background-repeat: no-repeat;text-align: center">
    <div>
        <div style="margin-top:23vh;margin-bottom: 5vh"><img src="static/img/logo.png" alt=""></div>
        <div style="color:#fff;margin-bottom: 2vh;margin-right: 4vw">
            <span style="position:relative;left:0;top:0">登入账号</span><img src="static/img/error.png" alt="" style="position:relative;left:4vw;top:1vh" id="error">
        </div>
        <div>
            <input type="text" placeholder=" 商户号" style="background-color: rgba(255, 255, 255, 0.5);color:#fff;border: none;border-radius: 6px;width:18vw;height:4vh">
        </div>
        <div>
            <input type="text" placeholder=" 账户" style="background-color: rgba(255, 255, 255, 0.5);color:#fff;border: none;border-radius: 6px;width:18vw;height:4vh;margin: 2vh 0">
        </div>
        <div>
            <input type="password" placeholder=" 密码" style="background-color: rgba(255, 255, 255, 0.5);color:#fff;border: none;border-radius: 6px;width:18vw;height:4vh">
        </div>
        <div style="margin-top:4vh;margin-bottom:10vh;color:#Fff">
            <!-- <img src="" alt=""> -->
            <input type="checkbox" onchange="remember()" style="margin-right:0.5vw;">记住密码
            <button style="text-decoration: underline;margin-left: 9vw;background-color: transparent;border: none;color:#fff" id="forget">忘记密码?</button>
        </div>
    </div>
    <img src="static/img/login.png" alt="" id="login">
</body>
<script src="static/js/jquery-3.3.1.min.js"></script>
<script src="static/js/init.js"></script>
<script src="static/js/md5.js"></script>
<script src="static/js/login.js"></script>
</html>